@charset "UTF-8";
/*主色*/
/*配色*/
/*网页背景色*/
/*文字默认颜色*/
/*链接文字颜色*/
/*主要内容区域宽度*/
/*=============铵钮=============*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

/* 统一老式浏览器HTML5显示 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1.2; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: none; vertical-align: top; }

/* 清除a标签中图片边框 */
input, button, textarea { vertical-align: middle; font: inherit; font-family: inherit; display: inline-block; }

button, label, a { cursor: pointer; }

button { font-family: 'Microsoft YaHei'; }

/* H1 - H6 */
h1 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 36px; }

h2 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 30px; }

h3 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 25px; }

h4 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 20px; }

h5 { font-weight: bold; line-height: 1.2; margin-bottom: 4px; font-size: 15px; }

h6 { font-weight: bold; line-height: 1.2; margin-bottom: 4px; font-size: 11px; }

/* 列表 */
ul { margin-left: 25px; }

ul li { list-style: disc; }

ul li ul li { list-style: circle; margin-left: 5px; }

ol { margin-left: 25px; }

ol li { list-style-type: decimal; }

ol li ol li { list-style-type: lower-alpha; margin-left: 5px; }

dl dt { font-weight: bold; }

dl dd { margin-left: 10px; }

table { border: 1px solid #DDD; }

td { padding: 5px; border: 1px solid #DDD; }

p { margin: 15px 0; }

hr { width: 100%; border: none; border-bottom: 1px solid #CCC; margin-top: 12px; margin-bottom: 12px; }

:focus { outline: 0; }

/*清除链接虚线边框*/
/* Scss Document */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { min-width: 1200px; background: #fff; border: none; font-family: Verdana, Arial, 'Microsoft YaHei'; *font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 1.6; color: #333; }

.container { width: 1200px; margin: 0 auto; }
.container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.clearlist { margin: 0; padding: 0; list-style: none; }
.clearlist li { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: inherit; }
a:hover { color: #e1b986; }

img { max-width: 100%; vertical-align: middle; }

/*常用*/
.color-primary { color: #e1b986; }

.color-ornament { color: #f29b2c; }

.color-red { color: #f62b2b; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.show { display: block; }

.hide { display: none; }

.clear { clear: both; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; }

.fl { float: left; }

.fr { float: right; }

.img1-1 { display: block; position: relative; }
.img1-1:after { display: block; padding-top: 100%; content: ''; }
.img1-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.img4-3 { display: block; position: relative; }
.img4-3:after { display: block; padding-top: 75%; content: ''; }
.img4-3 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.mt20 { margin-top: 20px; }

.mt10 { margin-top: 10px; }

/*按钮*/
/* 表单元素 */
.form-control { height: 36px; border: 1px solid #CCC; padding: 6px 12px; background-color: #fff; font-size: inherit; display: inline-block; -moz-appearance: none; -webkit-appearance: none; }

select.form-control { -moz-appearance: menulist; -webkit-appearance: menulist; }

textarea.form-control { height: auto; }

/* 分页 */
.pagination { margin: 50px 0; font-size: 0; text-align: center; }
.pagination li { display: inline-block; }
.pagination a, .pagination span { display: inline-block; margin: 0 4px; padding: 0 15px; border-radius: 4px; line-height: 38px; text-align: center; background-color: #fff; border: 1px solid #ddd; font-size: 14px; }
.pagination a:hover, .pagination span:hover { color: #e1b986; }
.pagination li.active a, .pagination li.active span { background-color: #e1b986; border-color: #e1b986; color: #FFF; }
.pagination li.disabled a, .pagination li.disabled span { background-color: #EEE; color: #BBB; }

.mask { display: none; background-color: #000; opacity: .5; filter: alpha(opacity=50); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; }

body { background-color: #f5f5f7; }

.header { height: 80px; background-color: #000; color: #fff; font-size: 14px; position: relative; z-index: 9; }
.header .logo { float: left; line-height: 80px; }
.header .logo img { width: 153px; }
.header .nav { float: left; }
.header .nav > li { float: left; }
.header .nav > li > a { display: inline-block; font-size: 14px; margin-left: 40px; color: #fff; line-height: 80px; }
.header .nav > li > a:hover, .header .nav > li > a.active { color: #e1b986; }
.header .nav > li .menu { padding: 30px 0; background-color: #141414; position: absolute; left: 0; right: 0; top: 80px; text-align: center; font-size: 0; color: #fff; display: none; }
.header .nav > li .menu .item { width: 220px; display: inline-block; font-size: 14px; position: relative; }
.header .nav > li .menu .item:before { content: ''; border-left: 1px solid #262626; height: 100px; position: absolute; left: 0; top: 25px; }
.header .nav > li .menu .item:first-child:before { content: none; }
.header .nav > li .menu .item img { width: 200px; height: 100px; -o-object-fit: contain; object-fit: contain; }
.header .nav > li .menu .item .tit { font-size: 12px; margin-top: 10px; }
.header .nav > li .menu .item .price { font-size: 12px; color: #f00; }
.header .nav > li:hover .menu { display: block; }
.header .gouwubtn { float: right; margin-top: 30px; line-height: 1; }

.banner { position: relative; z-index: 2; }
.banner .flex-control-paging { width: 100%; margin: 0; list-style: none; position: absolute; left: 0; bottom: 65px; z-index: 3; text-align: center; font-size: 0; }
.banner .flex-control-paging li { display: inline-block; }
.banner .flex-control-paging li a { display: block; list-style: none; margin: 0 7px; width: 40px; height: 4px; background-color: #fff; opacity: .5; }
.banner .flex-control-paging li a.flex-active { opacity: 1; background-color: #e1b986; }
.banner .flex-direction-nav li { list-style: none; }
.banner .flex-direction-nav a { position: absolute; top: 50%; margin-top: -25px; z-index: 3; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50%; color: #fff; font-size: 42px; color: #999; }
.banner .flex-direction-nav a:hover { color: #e1b986; }
.banner .flex-direction-nav .flex-prev { left: 30px; }
.banner .flex-direction-nav .flex-next { right: 30px; }

.section { height: 844px; text-align: center; line-height: 844px; color: #fff; background-color: #999999; font-size: 30px; }

.footer { background-color: #000; padding: 20px 0; color: #b2b2b2; }
.footer .nav { color: #999; font-size: 0; border-bottom: 1px solid #222; padding-bottom: 15px; }
.footer .nav a { font-size: 14px; margin-right: 30px; }
.footer .qrbox { float: right; text-align: center; margin-left: 30px; }
.footer .qrbox .img { width: 106px; height: 106px; }
.footer .qrbox a { margin: 0 5px; }
.footer .logo { float: left; margin-right: 20px; }
.footer .copy { font-size: 12px; color: #b2b2b2; margin-top: 20px; text-align: center; }

.contimg { overflow: hidden; }
.contimg img { width: 1920px; position: relative; left: 50%; margin-left: -960px; max-width: none; }

.path { height: 70px; background-color: #fff; line-height: 70px; }
.path .tit { font-size: 18px; font-weight: bold; float: left; }
.path .snav { float: right; line-height: 16px; margin-top: 27px; }
.path .snav a { float: left; border-left: 1px solid #eee; padding: 0 30px; }
.path .snav a:first-child { border: none; }
.path .snav a.active { color: #e1b986; }

.contact { background-color: #f6f9fe; margin-top: 40px; }

.buybar { height: 60px; line-height: 60px; background-color: rgba(15, 15, 16, 0.75); color: #fff; display: none; position: fixed; left: 0; right: 0; top: 0; z-index: 8; }
.buybar .btn { background-color: #e4c9b0; line-height: 24px; height: 24px; padding: 0 15px; border-radius: 24px; display: inline-block; color: #210500; }

.cpzsbox { overflow: hidden; margin: 60px -68px 0; width: 1335px; }
.cpzsbox .item { width: 445px; height: 750px; float: left; }
.cpzsbox .item .img { width: 287px; height: 100%; position: relative; float: left; overflow: hidden; text-align: right; background: no-repeat center; background-size: cover; }
.cpzsbox .item .img img { -webkit-transform: translateX(50%); transform: translateX(50%); position: absolute; bottom: 0; right: 0; display: inline-block; -webkit-transition: all .75s; transition: all .75s; }
.cpzsbox .item .tit { width: 158px; height: 100%; background-color: #000; float: left; line-height: 750px; text-align: center; }
.cpzsbox .item:hover .img img { -webkit-transform: translateX(0); transform: translateX(0); }
.cpzsbox.two { width: 1180px; margin-left: auto; margin-right: auto; }
.cpzsbox.two .item { width: 590px; }
.cpzsbox.two .item .img { width: 431px; }
.cpzsbox.lhtwo { width: 1260px; margin-left: auto; margin-right: auto; }
.cpzsbox.lhtwo .item { width: 630px; }
.cpzsbox.lhtwo .item .img { width: 470px; }
.cpzsbox.lhtwo .item .img img { max-width: none; -webkit-transform: translateX(0); transform: translateX(0); left: 230px; }
.cpzsbox.lhtwo .item:hover .img img { left: 0; }

.tsbox { margin-top: 90px; }
.tsbox .item { width: 25%; float: left; color: #fff; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; }
.tsbox .item:hover { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
.tsbox .item .tit { font-size: 36px; margin-top: 20px; }
.tsbox .item .desc { font-size: 18px; margin-top: 20px; }

.tximgs { overflow: hidden; margin: 100px -15px 0; }
.tximgs .item { width: 585px; height: 279px; position: relative; float: left; margin: 0 15px; overflow: hidden; }
.tximgs .item:before { content: ''; background: url(../images/bk.png) no-repeat center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; }
.tximgs .item img { width: 100%; height: 100%; -webkit-transition: all .75s; transition: all .75s; }
.tximgs .item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }

.fcpbox { height: 924px; margin-top: 160px; background: url(../images/yci18/fbg.jpg) no-repeat center; background-size: cover; }
.fcpbox .container { position: relative; }
.fcpbox .img { position: absolute; right: 0; top: 0; }
.fcpbox .cont { position: relative; z-index: 2; }

.totop { width: 50px; height: 50px; background-color: rgba(170, 0, 0, 0.8); border-radius: 50%; text-align: center; line-height: 50px; font-size: 20px; color: #fff; cursor: pointer; position: fixed; right: 0; bottom: 150px; z-index: 9; }

.newslist { margin-top: 30px; }
.newslist .newsitem { background-color: #fff; padding: 30px; margin: 20px 0; overflow: hidden; display: block; }
.newslist .newsitem .img { float: left; width: 500px; height: 190px; overflow: hidden; margin-right: 30px; }
.newslist .newsitem .img img { width: 500px; height: 190px; -webkit-transition: all .4s; transition: all .4s; }
.newslist .newsitem .cont { overflow: hidden; }
.newslist .newsitem .tit { font-size: 16px; margin-top: 20px; }
.newslist .newsitem .desc { color: #999; margin-top: 15px; }
.newslist .newsitem .btn { display: none; margin-top: 25px; background-color: #e1b986; color: #fff; width: 100px; height: 34px; text-align: center; line-height: 34px; }
.newslist .newsitem .btn .iconfont { font-size: 12px; }
.newslist .newsitem:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.newslist .newsitem:hover .btn { display: block; }

.newspage { background-color: #fff; margin: 30px 0; padding: 30px 130px; overflow: hidden; }
.newspage .title { text-align: center; font-weight: bold; font-size: 24px; }
.newspage .info { text-align: center; color: #999; margin-top: 5px; }
.newspage .content { margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px; }


.videolist { margin: 10px -10px; }
.videolist .item { cursor: pointer; width: 284px; float: left; margin: 10px; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.videolist .item .img { position: relative; }
.videolist .item .img img { width: 260px; height: 462px; }
.videolist .item .img:before { content: ""; width: 50px; height: 50px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/playbtn.png) no-repeat center; }
.videolist .item .tit { text-align: center; margin-top: 10px; font-size: 16px; }

.videopopup { position: fixed; width: 360px; background-color: #fff; border-radius: 5px; padding: 20px; margin: auto; left: 0; right: 0; top: 100px; z-index: 10; }
.videopopup .video { display: block; position: relative; }
.videopopup .video:after { display: block; padding-top: 177.69231%; content: ''; }
.videopopup .video img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.videopopup .video video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; }
.videopopup .tit { margin-top: 10px; font-size: 15px; text-align: center; }
.videopopup .btn { -webkit-appearance: none; background-color: #e1b986; border: none; border-radius: 4px; padding: 0 20px; line-height: 30px; color: #fff; }
/*2021-07-23*/
.jxwz { padding: 50px 0 100px; background-color: #000; }
.jxwz .hd { text-align: center; }
.jxwz .bd { width: 1520px; margin: 60px auto 0; }
.jxwz .bd li { width: 350px; height: 400px; padding: 20px; float: left; margin: 15px; background-color: #171718; border-radius: 10px; color: #fff; }
.jxwz .bd li .img img { width: 100%; height: 116px; border-radius: 10px; }
.jxwz .bd li .tit { font-size: 18px; margin-top: 30px; }
.jxwz .bd li .desc { height: 60px; font-size: 14px; margin-top: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-height: 20px; }
.jxwz .bd li .more { margin-top: 30px; }
.jxwz .bd li .more .btn { border: 1px solid #e1b986; color: #e1b986; display: inline-block; padding: 0 10px; line-height: 28px; }
.jxwz .bd li .more .btn:hover { background-color: #e1b986; color: #000; }